﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Project Three Columns | Wee</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link href="css/touchTouch.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
     <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
       <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
    </a>
  </div>
<![endif]-->
<!--[if lt IE 9]>
   	<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->

</head>
<body>
<div class="block1 p_bottom_zero">
  <div class="container_12"> 
    <!--==============================header=================================-->
    <header>
      <h1><a class="logo" href="index.html"><span class="underline">We</span>e</a></h1>
      <nav>
        <ul class="sf-menu">
          <li><a href="index.html">Home</a></li>
          <li ><a href="services.html">Services</a></li>
          <li class="current"><a href="javascript:">Projects</a>
            <ul>
              <li><a href="project-threecol.html">Three Cols </a></li>
              <li><a href="project-fourcol.html">Four Cols</a></li>
              <li><a href="project-details.html">Project Details</a></li>
            </ul>
          </li>
          <li > <a href="javascript:">Pages</a>
            <ul>
              <li ><a href="javascript:">Home</a>
                <ul>
                  <li><a href="index.html">With Slider</a></li>
                  <li><a href="index2.html">Second Slider</a></li>
                  <li><a href="index3.html">Without Slider</a></li>
                </ul>
              </li>
              <li><a href="about.html">About</a></li>
              <li><a href="javascript:">Pricing</a>
                <ul>
                  <li><a href="pricing-threecol.html">Three Cols</a></li>
                  <li><a href="pricing-fourcol.html">Four Cols</a></li>
                </ul>
              </li>
              <li><a href="components.html">Components</a></li>
              <li><a href="404.html">404</a></li>
              <li><a href="faq.html">FAQ</a></li>
            </ul>
          </li>
          <li><a href="javascript:">Blog</a>
            <ul>
              <li><a href="blog.html">Blog</a></li>
              <li><a href="blog-single.html">Blog Single</a></li>
            </ul>
          </li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
      <div class="clear"></div>
    </header>
    <!--SLIDER-->
    <section class="innerpages">
      <div class="grid_12">
        <ul class="breadcrumb clearfix">
          <li><a href="#">Home</a></li>
        </ul>
        <h1>Projects</h1>
      </div>
    </section>
    <!--SLIDER_END--> 
  </div>
</div>
<div class="block2">
  <div class="container_12"> 
    <!--==============================content================================-->
    <section class="content">
      <div class="wrapper">
        <article class="grid_12 last-col">
          <div class="hello_box"> We love Mondays! We have a real passion for design and have worked hard to earn our reputation. Let our works speak for us. </div>
        </article>
      </div>
      <div class="wrapper projects">
        <article class="grid_3">
          <h2>Filter</h2>
          <ul class="project-filter">
            <li><a href="#" data-filter="*" class="active">All</a></li>
            <li><a href="#" data-filter=".websites">Websites</a></li>
            <li><a href="#" data-filter=".print">Print</a></li>
            <li><a href="#" data-filter=".applications" >Application</a></li>
            <li><a href="#" data-filter=".wordpress">WordPress</a></li>
            <li><a href="#" data-filter=".content-writing">Content Writing</a></li>
          </ul>
        </article>
        <article class="grid_9 last">
          <div class="row clearfix" id="projects">
            <article class="grid_3 project-item alpha websites"> <a href="#"><img src="images/project-details.jpg" alt="Project 1"/></a> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item content-writing"> <img src="images/project-details12.jpg" alt="Project 2"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details12.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item omega websites"> <img src="images/project-details3.jpg" alt="Project 3"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details3.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item alpha applications"> <img src="images/project-details4.jpg" alt="Project 1"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details4.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item print"> <img src="images/project-details5.jpg" alt="Project 2"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details5.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item omega wordpress"> <img src="images/project-details6.jpg" alt="Project 3"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details6.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item alpha wordpress"> <img src="images/project-details7.jpg" alt="Project 1"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details7.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item content-writing"> <img src="images/project-details8.jpg" alt="Project 2"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details8.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
            <article class="grid_3 project-item omega print"> <img src="images/project-details9.jpg" alt="Project 3"> <span class="zoom-bg" style="opacity: 0; "> <span class="zoom-icon" style="bottom: 100%;"><a href="images/project-details9.jpg" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="project-details.html">Details</a></span> </span> </article>
          </div>
          <ul class="projects_pagination">
            <li><a href="#" class="active">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
          </ul>
        </article>
      </div>
    </section>
  </div>
</div>
<div class="hireus_block">
  <div class="container_12">
    <section class="">
      <div class="wrapper">
        <article class="grid_3">
          <h2>Impressed?<br/>
            want to hire us?</h2>
          <p class="MB0"> Send us your details and we'll get in touch withtin 24 hours. </p>
        </article>
        <article class="grid_9">
          <form action="#" method="post" id="cform" name="cform" class="clearfix">
            <ul id="homehireus" class="hireform">
              <li>
                <label>Name:<span class="required">*</span></label>
                <input name="name" id="name" type="text" value="" tabindex="1">
              </li>
              <li>
                <label>Phone:</label>
                <input name="phone" id="phone" type="text" value="" tabindex="3">
              </li>
              <li>
                <label>Email:<span class="required">*</span></label>
                <input name="email" id="email" type="text" value="" tabindex="2">
              </li>
              <li>
                <input type="button" id="send-message" value="Send Details To Wee" tabindex="4">
              </li>
            </ul>
          </form>
          <div id="output"></div>
        </article>
      </div>
    </section>
  </div>
</div>
<div class="block3"> 
  <!--==============================footer=================================-->
  <div class="container_12">
    <footer>
      <div class="wrapper">
        <div class="grid_6">
          <h2>About</h2>
          <p>Hi, we are Wee - a creative agency! 
            Wee emphasizes clean displays of content while facilitating great user experiences.</p>
          <ul class="social">
            <li> <a href="#">
              <figure><img src="images/soc1.png" width="31" height="24" alt=""></figure>
              Follow us on Twitter</a> </li>
            <li> <a href="#">
              <figure><img src="images/soc2.png" width="31" height="26" alt=""></figure>
              Join us on Facebook</a> </li>
            <li> <a href="#">
              <figure><img src="images/soc3.png" width="31" height="26" alt=""></figure>
              Subscribe to our blog</a> </li>
            <li class="cont_item m_bottom_zero"> <a href="index-5.html">
              <figure><img src="images/soc4.png" width="31" height="20" alt=""></figure>
              Contact Us</a> </li>
          </ul>
        </div>
        <div class="grid_3">
          <h2>Copyright</h2>
          This includes all content and original design work, including the distinctive typographic style, layout and composition of this website. </div>
        <div class="grid_3 last-col">
          <h2>Navigate</h2>
          <ul class="navigate">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Components</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/jquery.responsivemenu.js"></script> 
<script type="text/javascript" src="js/jquery.flexslider.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script src="js/jquery.isotope.min.js" type="text/javascript"></script> 
<script src="js/contact.js" type="text/javascript"></script> 
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script> 
<script src="js/touchTouch.jquery.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script> 
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
